.alert{
    position:fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 30%;
    border-radius: 12px;
    // transition: 50%;
    // filter:(3px);
    filter: drop-shadow(2px 4px 6px black);

}

.alert-success{
    background-color: greenyellow;
}

.alert-primary{
    background-color:deepskyblue;
}

.alert-danger{
    background-color: red;
}

.alert-warning{
    background-color: orange;
}

.alert-lg{
    width: 50%;
}
.alert-sm{
    width: 30%;
}


.title{
    flex: 1 1 auto;
    margin-left: 5%;
}


.text{
    margin-left: 5%;    
}

